<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo2</title>
    <!-- <link rel="stylesheet" href="Demo.css"> -->
</head>
<body>
    <div>我是一个div</div>
    <style>
        div::before{
            content: "插入的内容";
            color: aqua;
        }
    </style>
    <!-- <input type="button" value="按钮">
    <style>
        input:nth-child{
            color: brown;
        }
    </style> -->
    <!-- <h1>我是一个h1</h1>
    <div class="000">我是一个div</div>
    <div class="rue">我是一个div</div>
    <span class="cur">我是一个span</span>
    <style>
        span,.rue{
            color: aqua;
        }
    </style> -->
    <!-- <div>
        <span>直接子元素span</span><br/>
        <p>
            <span>间接子元素span</span>
        </p>
    </div>
    <style>
        div>span{
            color: aqua;
        }
    </style> -->
    <!-- <div>
        <h1>我是一个h1</h1>
        <span>aaa</span>
        <span>bbb</span><br/>
        <div>
            <span>ccc</span>
        </div>
    </div>
    <style>
        div>span{
            color: aqua;
        } -->
    <!-- </style> -->
    <!-- <h1>我是一个h1</h1>
    <div class="cur" id="one">我是一个div</div>
    <div class="cur" id="two">我是一个div</div>
    <div class="tem" id="three">我是一个div</div>
    <div class="tem" id="four">我是一个div</div>
    <style>
        *{
            color: brown;
        }
    </style> -->
    <!-- <style>
        #one{
            color: aqua;
        }
        #two{
            color: aquamarine;
        }
    </style> -->
    <!-- <style>
        .cur {
            color: blue;
        }
        .tem {
            color: aqua;
        }
    </style> -->
    <!-- <div>我是一个div</div>
    <div>我是一个div</div>
    <div>我是一个div</div>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
    <p>我是一个段落</p>
    <style>
        div{
            color: aqua;
        }
        p{
            color: brown;
        }
    </style> -->
    <!-- <div style="color:green">我是一个div</div> -->
    <!-- <style>
        div{
            color: rgb(12, 177, 29);
        }
    </style> -->
</body>
</html>